<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .nihongbox {
            background-color: #111;
            text-align: center;
        }

        .nihongbox p {
            display: inline;
            font-family: "SongTi";
            text-align: center;
            font-size: 30px;
            line-height: 120px;
            cursor: pointer;
        }

        .nihongbox p:hover {
            color: #fff;
        }

        .orange {
            color: #ff5722;
        }

        .orange:hover {
            -webkit-animation: orange 1.5s ease-in-out infinite alternate;
            animation: orange 1.5s ease-in-out infinite alternate;
        }

        @-webkit-keyframes orange {
            to {
                text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff5722, 0 0 70px #ff5722, 0 0 80px #ff5722, 0 0 100px #ff5722, 0 0 150px #ff5722;
            }

            from {
                filter: brightness(110%);
                text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff5722, 0 0 35px #ff5722, 0 0 40px #ff5722, 0 0 50px #ff5722, 0 0 75px #ff5722;
            }
        }

        @keyframes orange {
            to {
                text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff5722, 0 0 70px #ff5722, 0 0 80px #ff5722, 0 0 100px #ff5722, 0 0 150px #ff5722;
            }

            from {
                filter: brightness(110%);
                text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff5722, 0 0 35px #ff5722, 0 0 40px #ff5722, 0 0 50px #ff5722, 0 0 75px #ff5722;
            }
        }
    </style>
</head>

<body>
    <div class="nihong">
        <p class="orange">只取一瓢饮</p>
    </div>
</body>

</html>